Vue.directive('span-text', {
  bind: (el, binding, vnode) => {
    el.innerHTML = el.innerText.map((item) => {
      return `<span>${item}</span>`
    }).join('')
  }
})
